/**
 * 载入项目引导文件
 */
require('./bootstrap');

window.Vue = require('vue');

const app = new Vue({
    el: '#wrapper',
    data:{
        table:null,
        cur_articles:[],
        box:null,
    },
    mounted:function(){
        let tableOptions = utils.bootstraptableOptions;
        //请求后台的URL
        tableOptions.url = page_params.url_list;
        //搜索参数
        tableOptions.queryParams = function (params) {//传递参数（*）
            //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
            var temp = {
                pageSize:params.pageSize,
                page:params.pageNumber,
                keyword:$("#keyword").val(),
            };
            return temp;
        };
        tableOptions.columns = [
            {field: 'title',title: '名称'},
            {field: 'msg_type_str',title: '群发消息类型',},
            {field: 'result.status',title: '群发结果'},
            {field: 'result.total_count',title: '目标推送的粉丝数'},
            {field: 'result.filter_count',title: '过滤后的粉丝数'},
            {field: 'result.sent_count',title: '发送成功的粉丝数'},
            {field: 'result.error_count',title: '发送失败的粉丝数'},
            {
                field: 'result.check_state',title: '整体校验结果',
                formatter: (value, row, index) => {
                    if (value == 1){
                        return '未被判为转载，可以群发';
                    }else if(value == 2){
                        return '被判为转载，可以群发';
                    }else if(value == 3){
                        return '被判为转载，不能群发';
                    }
                },
            },
            {
                field: 'articles',
                title: '图文结果',
                formatter: (value, row, index) => {
                    let buttons = [];
                    if (value){
                        buttons.push('<button class="btn btn-primary btn-sm btn-article"><i class="fa fa-eye"></i> 图文结果</button>');
                    }
                    return buttons.join("\r\n");
                },//自定义方法，添加操作按钮
                events : {
                    'click .btn-article' : (e, value, row, index) => {
                        this.cur_articles = value;
                        this.box = layer.open({
                            type: 1,
                            title: '群发预览',
                            anim: 2,
                            shadeClose: true, //开启遮罩关闭
                            skin: 'layui-layer-molv', //加上边框
                            area: ['600px', '500px'], //宽高
                            content: $('#box-article')
                        });
                    },
                }
            },
        ];
        this.table = $("#table").bootstrapTable(tableOptions);
    },
    methods: {
        query: function () {
            this.table.bootstrapTable('refresh');
        },
    },
});